<template>
	<div class="bg-white">
		<div class="shadow rounded overflow-hidden">
			<div class="bg-main p-2">
				<span>店长信息</span>
			</div>
			<div :style="'background-image:url('+dz.cover+');'" class="position-relative">
				<div style="background-color: rgba(255,255,255, 0.6);" class="w-100 h-100">
					<Row >
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-f-fuguang rounded  p-2">
							<div class="text-xs">店长</div>
							<div class="p-2 d-flex">
								<div class="w-25 position-relative">
									<div class="padding-top-100"></div>
									<div>
										<img class="w-100 h-70 position-absolute top0 rounded-circle" :src="dz.cover"/>
									</div>		
								</div>

							</div>
						</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded p-2 ">
							<div class="text-xs">姓名：</div>
							<div>{{dz.dname}}</div>
						</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded p-2 ">
							<div class="text-xs">电话：</div>
							<div>{{dz.tel}}</div>
						</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-danfen rounded p-2 d-flex justify-content-between">
							<div class="text-xs">押金余额：</div>
							<div>{{dz.yj}}</div>
						</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded p-2 d-flex justify-content-between">
							<div class="text-xs">人脸信息：</div>
							<div v-if="dz.tx == ''">未录入</div>
							<div v-if="dz.tx != ''">已录入</div>
						</div>
						</Col>
	
					</Row>
				</div>
			</div>
		</div>

	<div class="shadow rounded overflow-hidden mt-3">
		<div class="bg-main p-2">
			<span>提款记录</span>
		</div>
		<div>
			<Row class="">
				<Col v-for="(adztq,index) in adztq" :key="index"
				class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
				<div class="shadow rounded p-2">
					<div class="d-flex justify-content-between">
						<span>提取金额</span>
						<span>{{adztq.amount}}</span>
					</div>
					<div class="d-flex justify-content-between">
						<span>提取时间</span>
						<span>{{adztq.ct}}</span>
					</div>
					<div class="d-flex justify-content-between">
						<span>提取状态</span>
						<span v-if="adztq.zt == 'R'">已提款</span>
						<span v-if="adztq.zt == 'F'">已到账</span>
					</div>
					<!-- <div class="d-flex justify-content-between ">
						<span>教练名称</span>
						<span>{{adztq.jlname}}</span>
					</div> -->
					<div class="d-flex justify-content-between" >
						<span>实际金额</span>
						<span>{{adztq.sjje}}</span>
					</div>
					<div class="d-flex justify-content-between">
						<span>抽成比例</span>
						<span>{{adztq.ccbl}}</span>
					</div>
				
				</div>
				</Col>
			</Row>
		</div>
		<div>
			<Page class="text-right mt-3" :page-size="tableInfo.pageSize" @on-change="pageSearch"
				:total="tableInfo.total" />
		</div>
	</div>

	</div>
</template>

<script>
	export default {
		data() {
			return {
				dz: {},
				tableInfo: {
					currentPage: 1,
					pageSize: 12,
					total: 0,
				},
				adztq:[],
				ajiaolian:{},
			}
		},
		created: function() {
			this.dz.dzid = this.$route.query.id;
			this.loadData();

		},
		mounted: function() {},
		methods: {
			loadData: function() {
				return this.http.get({
					url: "/dz/info",
					param: {
						dzid: this.dz.dzid
					}
				}).then(res => {
					this.dz = res.adz;
					this.adztq = res.adztqs.records;
				});
			},
			pageSearch: function(changedPage) {
				this.currentPage = changedPage;

			},
			
		
			
		},
	}
</script>

<style>
</style>